<!-- 首页 -->
<template>
  <div>

    <jt-easy-collapse :has-expand="true">
      <template slot="base">
        <el-row :gutter="20" style="margin-right:15px;">
          <el-col :span="12">
            <jt-easy-card :title="'测试标题'" :count="'100'" :path="'/test-one'">
              <template slot="content">
                <div v-for="o in 4" :key="o" class="text item">
                  {{'列表内容 ' + o }}
                </div>
              </template>
            </jt-easy-card>
          </el-col>
          <el-col :span="12">
            <jt-easy-card :title="'测试标题'" :count="'100'" :path="'/test-one'">
              <template slot="content">
                <div v-for="o in 4" :key="o" class="text item">
                  {{'列表内容 ' + o }}
                </div>
              </template>
            </jt-easy-card>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-right:15px;margin-top:20px;">
          <el-col :span="12">
            <jt-easy-card :title="'测试标题'" :count="'100'" :path="'/test-one'">
              <template slot="content">
                <div v-for="o in 4" :key="o" class="text item">
                  {{'列表内容 ' + o }}
                </div>
              </template>
            </jt-easy-card>
          </el-col>
          <el-col :span="12">
            <jt-easy-card :title="'测试标题'" :count="'100'" :path="'/test-one'">
              <template slot="content">
                <div v-for="o in 4" :key="o" class="text item">
                  {{'列表内容 ' + o }}
                </div>
              </template>
            </jt-easy-card>
          </el-col>
        </el-row>
      </template>
      <template slot="expand">
        <el-row :gutter="20" style="margin-right:15px;">
          <el-col :span="12">
            <jt-easy-card :title="'测试标题'" :count="'100'" :path="'/test-one'">
              <template slot="content">
                <div v-for="o in 4" :key="o" class="text item">
                  {{'列表内容 ' + o }}
                </div>
              </template>
            </jt-easy-card>
          </el-col>
          <el-col :span="12">
            <jt-easy-card :title="'测试标题'" :count="'100'" :path="'/test-one'">
              <template slot="content">
                <div v-for="o in 4" :key="o" class="text item">
                  {{'列表内容 ' + o }}
                </div>
              </template>
            </jt-easy-card>
          </el-col>
        </el-row>
      </template>
    </jt-easy-collapse>
  </div>
</template>

<script>
  import JtEasyCollapse from 'components/jt-easy-collapse/index';
  import JtEasyCard from 'components/jt-easy-card/index';
  export default {
    name: 'HomePage',
    components: {
      'jt-easy-collapse': JtEasyCollapse,
      'jt-easy-card': JtEasyCard,
    }
  }

</script>
